<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<jsp:include page="./include/header.jsp"></jsp:include>
<div class="mix-header">
	 <nav class="navbar navbar-inverse navbar-fixed-top">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
	            <span class="sr-only">导航</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">${project.name }</a>
	        </div>
	        <div id="navbar" class="navbar-collapse collapse">
	          <ul class="nav navbar-nav navbar-right">
	            <li><a href="#"><i class="fa fa-lg fa-home"></i> 主页</a></li>
	            <li class="dropdown">
	            <a href="#" id="user-dropdown" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" role="button" 
	            data-hover="dropdown" aria-haspopup="true" aria-expanded="false" data-delay="0" data-close-others="true">
	               <i class="fa fa-lg fa-user"></i> ${userInfo.fullName } <span class="caret"></span></a>
	                <ul class="dropdown-menu" id="user-dropdown-menu">
	                    <li class="user-depart">
	                        <a href="javascript:void(0)">
		                    <div class="user-depart-label"><i class="fa fa-users"></i> 所在部门</div>
		                    <div class="user-depart-name">${userInfo.departSeqName }</div>
		                    </a>
	                    </li>
	                     
	                    <li role="separator" class="divider"></li>
			            <li>
			               <a href="javascript:void(0)" id="change-pwd">
			                 <div><i class="fa fa-lg fa-pencil-square-o"></i> 修改密码</div>
			               </a>
			            </li>
			          </ul>
	            </li>
	             <li>
	             <a href="javascript:void(0)" id="msg-dropdown" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" role="button" 
	            data-hover="dropdown" aria-haspopup="true" aria-expanded="false" data-delay="0" data-close-others="true">
	            <i class="fa fa-lg fa-envelope"></i> <span class="badge"> 10 </span> <span class="caret"></span></a>
	               <ul class="dropdown-menu" id="msg-dropdown-menu">
	                    <li>
	                        <a href="javascript:void(0)">
			                    <div class="media">
								  <div class="media-left media-middle">
								    <div class="icon-circle danger-bg"><i class="fa fa-briefcase"></i> </div>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">代表公文</h4>
								    <p>消息内容消息内容，消息内容消息内容。</p>
								  </div>
								</div>
							</a>
	                    </li>
	                    <li role="separator" class="divider"></li>
	                    <li>
	                        <a href="javascript:void(0)">
			                    <div class="media">
								  <div class="media-left media-middle">
								    <div class="icon-circle bule-bg"><i class="fa fa-envelope"></i> </div>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">消息标题1</h4>
								    <p>消息内容消息内容，消息内容消息内容。</p>
								  </div>
								</div>
							</a>
	                    </li>
	                    <li role="separator" class="divider"></li>
	                    <li>
		                    <a href="javascript:void(0)">
			                    <div class="media">
								  <div class="media-left media-middle">
								    <div class="icon-circle warning-bg"><i class="fa fa-bullhorn"></i> </div>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">消息标题2</h4>
								    <p>消息内容消息内容，消息内容消息内容。</p>
								  </div>
								</div>
							</a>
	                    </li>
	               </ul>
	             </li>
			     <li><a href="user/logout.do"><i class="fa fa-lg fa-power-off"></i> 安全退出</a></li>
			     <li><a href="#"><i class="fa fa-lg fa-question-circle"></i> 帮助</a></li>
	          </ul>
	         <!--  
	          <form class="navbar-form navbar-right"> 
	            <input type="text" class="form-control" placeholder="搜索...">
	          </form>-->
	           
	        </div>
	      </div>
	 </nav>
  </div> <!-- end mix-header -->
  <script type="text/javascript">
      $(".dropdown-toggle").dropdownHover();
  </script>